/* 
 * All PROBRAND styles 
*/

/* 
 * 0. PROBRAND COLOR THEME 
 * Overriding default template colours
 */

/* Grey, text color */
body,
ul.kk-dd-menu a,
.top-menu-mobile-trigger,
.top-menu-mobile-trigger:hover,
.kk-tabs input[type="submit"],
.kk-tabs button,
.kk-basic-indicator .kk_ProgressBar li input[type="submit"],
.kk-basic-indicator .kk_ProgressBar li input[type="submit"]:hover,
.kk_DSPreviousNavContainer input:disabled,
.kk_DSNextNavContainer input:disabled,
.kk_DSPreviousNavContainer input:disabled:hover,
.kk_DSNextNavContainer input:disabled:hover,
.kk-grid-icon button i,
.kk-action-menu-content td input[type="submit"],
.kk-action-menu-content td button,
.kk-action-menu-content td input[type="submit"]:hover,
.kk-action-menu-content td button:hover,
.dashboard-tiles tr td,
.dashboard-tiles tr th,
tr td.kk-tile-icon button i,
a.kk-tile-icon i,
.progress-indicator-inner .icon-incomplete,
.progress-indicator-inner .icon-incomplete + .progress-indicator-label,
.tooltip-trigger.standard-trigger::before,
.tooltip-trigger.cds-trigger::before,
.kk-modal-tooltip-parent button i,
.kk-action-menu-trigger::after,
.kk-search-box.kk-search-icon .kk_TextboxControl button::before {
    color: #696C7D;
}

    .top-menu-mobile-trigger span,
    a.sidebar-trigger span {
        background-color: #696C7D;
    }

/* Light accent color */
.kk_QuestionControlWrapper.kk_Notification\[Information\] .kk_NarrativeControl,
.kk_QuestionControlWrapper.notification-info .kk_NarrativeControl,
.row-hover:hover,
.row-highlight,
.kk_GridHighlight,
.row-info,
.cell-info,
.info-icon {
    background-color: rgba(0, 172, 149, 0.15);
}

input[type="text"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {
    box-shadow: 0px 0px 0px 3px rgba(0, 172, 149, 0.15);
}

input[type="text"]:-webkit-autofill:focus,
input[type="search"]:-webkit-autofill:focus,
input[type="password"]:-webkit-autofill:focus,
select:-webkit-autofill:focus,
textarea:-webkit-autofill:focus {
    box-shadow: 0px 0px 0px 3px rgba(0, 172, 149, 0.15);
}

/* accent color */
a,
a:visited,
a:hover,
.logo-container .logo a,
.top-menu-container nav > ul > li > a:hover,
ul.kk-dd-menu li.current > a,
.top-menu-container nav > ul > li.current > a,
li.has-current-child > span.kk-dd-trigger,
button,
a.button,
input[type="submit"],
.kk_DisplayAsLink input[type="submit"],
.kk_DisplayAsLink button,
.kk-button-link input[type="submit"],
.kk-button-link button,
.kk_DisplayAsLink input[type="submit"]:hover,
.kk_DisplayAsLink button:hover,
.kk-button-link input[type="submit"]:hover,
.kk-button-link button:hover,
.kk_FileSelect label,
.kk_FileSelect label::after,
.kk_QuestionControlWrapper.kk_Notification\[Information\] .kk_NarrativeControl,
.kk_QuestionControlWrapper.notification-info .kk_NarrativeControl,
.kk_QuestionControlWrapper.kk_Notification\[Information\] .kk_NarrativeControl span,
.kk_QuestionControlWrapper.notification-info .kk_NarrativeControl span,
.kk_QuestionControlWrapper.kk_Notification\[Information\] .kk_NarrativeControl::after,
.kk_QuestionControlWrapper.notification-info .kk_NarrativeControl::after,
.text-info, .text-info label,
.tooltip-trigger.list-trigger:hover .tooltip-trigger-text,
.checkmark-indicator.current input[type="submit"],
.kk_ProgressBar li.current input[type="submit"],
.checkmark-indicator.current input[type="submit"]:hover,
.kk_ProgressBar li.current input[type="submit"]:hover,
.kk_GridHighlight,
.row-info,
.cell-info,
.dashboard-tiles tr.info::before,
.dashboard-tiles tr.tile-info::before,
.dashboard-tiles tr.info td.tile-headline,
.dashboard-tiles tr.tile-info td.tile-headline,
.info-icon,
.outline-info-icon,
.changePassword input[type="submit"]:nth-child(1),
.progress-indicator-inner .icon-current,
.progress-indicator-inner .icon-current + .progress-indicator-label,
nav.kk-mm-panel h3 a,
nav.kk-mm-panel h4 a,
nav.kk-mm-panel h5 a,
nav.kk-mm-panel h6 a {
    color: #00AC95;
}

    .ui-datepicker,
    .kk_RadioButtonGroupContainer.kk_ApplyRangeSlider ul label::before,
    .kk_RadioButtonGroupContainer.range-selector ul label::before,
    button:not(.btn-close):hover,
    a.button:hover,
    input[type="submit"]:hover,
    a.button.primary-button,
    .primary-button input[type="submit"],
    .primary-button button,
    .kk_FileSelect label:hover,
    .kk-overlay-bar,
    .tooltip-body,
    .kk_DocumentUploadFooterToggle input:checked + label::before,
    .kk_CheckboxControl input:checked + label::before,
    .kk-toggle-checkbox .kk_CheckboxControl input:checked + label,
    .table-checkbox-label input:checked ~ span,
    .checkmark-indicator.completed .kk_ButtonControl::before,
    .kk_ProgressBar li.completed::before,
    .kk-loading-bar-indicator .kk_ProgressBar li.current::before,
    .kk-loading-bar-indicator .kk_ProgressBar li.completed::before,
    .kk-loading-bar-indicator .kk_ProgressBar li.completed::after,
    .kk-basic-indicator .kk_ProgressBar li.current input[type="submit"],
    .kk-basic-indicator .kk_ProgressBar li.current input[type="submit"]:hover,
    .kk-basic-indicator .kk_ProgressBar li.completed input[type="submit"],
    .kk-basic-indicator .kk_ProgressBar li.completed input[type="submit"]:hover,
    .kk-basic-indicator .kk_ProgressBar li.completed::after,
    .kk_DSNumberNavContainer input:disabled,
    .kk_DSNumberNavContainer input:disabled:hover,
    tr.selected-tile td.clickable-tile.checkbox-tile::before,
    .login-form td input[type="submit"],
    .changePassword input[type="submit"]:nth-child(1):hover,
    .changePassword input[type="submit"]:nth-child(2),
    tr.selected-tile td.checkbox-button span,
    .progress-indicator-visual,
    tr td.highlight-sticker,
    .kk-search-box .kk_TextboxControl button:hover,
    .kk-search-box .kk_TextboxControl input[type="submit"]:hover {
        background-color: #00AC95;
    }

.kk_GridTiles tr td.clickable-tile input[type="submit"]:hover,
.kk_GridTiles tr td.clickable-tile button:hover,
.kk_GridTiles tr td.clickable-tile a:hover,
.kk_GridTiles tr td.clickable-tile label:hover,
.grid-tiles tr td.clickable-tile input[type="submit"]:hover,
.grid-tiles tr td.clickable-tile button:hover,
.grid-tiles tr td.clickable-tile a:hover,
.grid-tiles tr td.clickable-tile label:hover,
.kk_GridTiles tr.selected-tile td.clickable-tile input[type="submit"],
.kk_GridTiles tr.selected-tile td.clickable-tile button,
.kk_GridTiles tr.selected-tile td.clickable-tile a,
.kk_GridTiles tr.selected-tile td.clickable-tile label,
.grid-tiles tr.selected-tile td.clickable-tile input[type="submit"],
.grid-tiles tr.selected-tile td.clickable-tile button,
.grid-tiles tr.selected-tile td.clickable-tile a,
.grid-tiles tr.selected-tile td.clickable-tile label {
    box-shadow: 0px 0px 0px 1px #00AC95;
}


blockquote,
.placeholder-content-blocks .kk_QuestionColumnWrapper,
.kk_QuestionControlWrapper.content-block,
.content-block,
nav.sidebar-menu li.current > a,
.kk-separator::after,
.kk-separator-center::after,
input[type="text"]:hover,
input[type="search"]:hover,
input[type="password"]:hover,
select:hover,
textarea:hover,
input[type="text"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus,
.kk_RadioButtonGroupControl label:hover::before,
.kk_AlternateRadioButtonsControl label:hover::before,
.kk_RadioButtonGroupControl input:checked + label::before,
.kk_AlternateRadioButtonsControl input:checked + label::before,
.kk_DocumentUploadFooterToggle label:hover::before,
.kk_CheckboxControl label:hover::before,
.kk_DocumentUploadFooterToggle input:checked + label::before,
.kk_CheckboxControl input:checked + label::before,
.table-checkbox-label:hover input ~ span,
.table-checkbox-label input:checked ~ span,
.checkbox-disabled .table-checkbox-label input:checked ~ span,
button,
a.button,
input[type="submit"],
a.button.primary-button,
.primary-button input[type="submit"],
.primary-button button,
.kk_FileSelect label,
.kk_QuestionControlWrapper.kk_Notification\[Information\] .kk_NarrativeControl,
.kk_QuestionControlWrapper.notification-info .kk_NarrativeControl,
.checkmark-indicator.current .kk_ButtonControl::before,
.kk_ProgressBar li.current::before,
.dashboard-tiles tr,
.kk_GridTiles tr td.clickable-tile input[type="submit"]:hover,
.kk_GridTiles tr td.clickable-tile button:hover,
.kk_GridTiles tr td.clickable-tile a:hover,
.kk_GridTiles tr td.clickable-tile label:hover,
.grid-tiles tr td.clickable-tile input[type="submit"]:hover,
.grid-tiles tr td.clickable-tile button:hover,
.grid-tiles tr td.clickable-tile a:hover,
.grid-tiles tr td.clickable-tile label:hover,
.kk_GridTiles tr.selected-tile td.clickable-tile input[type="submit"],
.kk_GridTiles tr.selected-tile td.clickable-tile button,
.kk_GridTiles tr.selected-tile td.clickable-tile a,
.kk_GridTiles tr.selected-tile td.clickable-tile label,
.grid-tiles tr.selected-tile td.clickable-tile input[type="submit"],
.grid-tiles tr.selected-tile td.clickable-tile button,
.grid-tiles tr.selected-tile td.clickable-tile a,
.grid-tiles tr.selected-tile td.clickable-tile label,
tr.selected-tile td.clickable-tile.radio-tile::before,
tr.selected-tile td.clickable-tile.checkbox-tile::before,
.outline-info-icon,
.login-form td input[type="submit"],
.changePassword input[type="submit"],
.changePassword input[type="submit"]:nth-child(1),
.changePassword input[type="submit"]:nth-child(1):hover,
tr.selected-tile td.radio-button span,
tr.selected-tile td.checkbox-button span {
    border-color: #00AC95;
}

input[type="text"]:-webkit-autofill:hover,
input[type="search"]:-webkit-autofill:hover,
input[type="password"]:-webkit-autofill:hover,
select:-webkit-autofill:hover,
textarea:-webkit-autofill:hover,
input[type="text"]:-webkit-autofill:focus,
input[type="search"]:-webkit-autofill:focus,
input[type="password"]:-webkit-autofill:focus,
select:-webkit-autofill:focus,
textarea:-webkit-autofill:focus {
    border-color: #00AC95;
}

.tooltip-body[x-placement="right"]::after {
    border-right-color: #00AC95;
}

.tooltip-body[x-placement="left"]::after {
    border-left-color: #00AC95;
}

/* accent color hover */
.login-form td input[type="submit"]:hover,
a.button.primary-button:hover,
.primary-button input[type="submit"]:hover,
.primary-button button:hover,
.changePassword input[type="submit"]:nth-child(2):hover {
    background-color: #008F7C;
}

a.button.primary-button:hover,
.primary-button input[type="submit"]:hover,
.primary-button button:hover,
.login-form td input[type="submit"]:hover,
.changePassword input[type="submit"]:nth-child(2):hover {
    border: 1px solid #008F7C;
}

/* Sidebar background color */
.sidebar {
    background-color: #222538;
}



/* Headline color */
.kk_DisplayLargeSizeText\[QuestionText\], .large-text, .medium-text,
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
label,
.kk-markdown .md-editor div::after,
.kk-markdown .md-editor a::after,
.kk_RadioButtonGroupContainer.kk_ApplyRangeSlider ul label,
.kk_RadioButtonGroupContainer.range-selector ul label,
.kk-tabs input[type="submit"]:hover,
.kk-tabs button:hover,
.kk-tabs .kk-current-tab input[type="submit"],
.kk-tabs .kk-current-tab button,
.kk-tabs .kk-current-tab input[type="submit"]:hover,
.kk-tabs .kk-current-tab button:hover,
code,
pre,
.code-block,
.kk_CodeText\[QuestionText\],
pre code,
.code-block .kk_QuestionText,
.kk_CodeText\[QuestionText\] .kk_QuestionText,
.text-dark, .text-dark label,
.kk-modal-tooltip-parent button:hover i,
table,
th,
.kk-grid-icon button:hover i,
.mobile-table-wrap,
.mobile-th,
.mobile-td,
tr td.kk_GridTileName,
tr td.tile-headline,
tr td.kk-tile-icon button:hover i,
a.kk-tile-icon:hover i,
.kk_ProgressBar input[type="submit"],
.kk_ProgressBar input[type="submit"]:hover,
.checkmark-indicator input[type="submit"],
.checkmark-indicator input[type="submit"]:hover,
.kk_ProgressBar input[type="submit"]:disabled,
.kk_ProgressBar input[type="submit"]:disabled:hover,
.checkmark-indicator input[type="submit"]:disabled,
.checkmark-indicator input[type="submit"]:disabled:hover,
.checkmark-indicator.completed .kk_ButtonControl input[type="submit"],
.kk_ProgressBar li.completed input[type="submit"],
.checkmark-indicator.completed .kk_ButtonControl input[type="submit"]:hover,
.kk_ProgressBar li.completed input[type="submit"]:hover,
.tooltip-trigger.standard-trigger:hover::before,
.tooltip-trigger.cds-trigger:hover::before,
input,
select,
textarea,
.kk-action-menu-trigger:hover::after,
li.mm-desktop-tab.active {
    color: #222538;
}

    input[type="text"]:-webkit-autofill,
    input[type="search"]:-webkit-autofill,
    input[type="password"]:-webkit-autofill,
    textarea:-webkit-autofill,
    select:-webkit-autofill {
        -webkit-text-fill-color: #222538;
    }

/* Footer color */
.master-footer {
    background-color: #222538;
}

/* Lightest grey color */
.content-wrap,
.page-wrap.standard-page-wrap,
.content-wrap.standard-page-content,
.placeholder-content-blocks code,
.content-block code,
pre,
.code-block,
.kk_CodeText\[QuestionText\],
.background-grey, .grey-background,
.kk_AlternateRowStyling .kk_EvenRow,
.alternate-vertical-rows .kk_EvenCol,
.kk_GridHighlight\[Disabled\],
.row-disabled,
tr td.clickable-tile.radio-tile::before,
tr td.clickable-tile.checkbox-tile::before,
tr td.radio-button span,
tr td.checkbox-button span,
.progress-indicator-percent {
    background-color: #e5e6ea;
}

/* Light grey */
.kk-modal-close button::after,
.kk-gallery-modal .kk-modal-close button::after,
.kk-flyout-close button::after,
.cds-modal-close::after,
.kk_GridHighlight\[Disabled\],
.row-disabled {
    color: #d1d7e2;
}

hr,
.kk-separator-border::after,
input,
select,
textarea,
.kk-markdown .md-editor,
.kk_RadioButtonGroupControl label::before,
.kk_AlternateRadioButtonsControl label::before,
.kk_RadioButtonGroupContainer.kk_ApplyRangeSlider ul label,
.kk_RadioButtonGroupContainer.range-selector ul label,
.kk_DocumentUploadFooterToggle label::before,
.kk_CheckboxControl label::before,
label.table-checkbox-label span,
.checkbox-disabled .table-checkbox-label:hover input ~ span,
code,
pre,
.code-block,
.kk_CodeText\[QuestionText\],
.kk_DocumentUploadTableContainer tr,
.border-rows .mobile-row,
.border-rows tr,
.border-rows tr.kk_Row_2,
.kk_CDSContainer table tr,
.kk_NarrativeContainer table tr,
.mobile-table-separator,
.kk_GridTiles tr,
.grid-tiles tr,
tr td.clickable-tile.radio-tile::before,
tr td.clickable-tile.checkbox-tile::before,
.kk-accordion tr.kk_DSRow,
.border-bottom,
.border-top,
.border-left,
.border-right,
.border-all,
tr td.radio-button span,
tr td.checkbox-button span {
    border-color: #d1d7e2;
}

    input[type="text"]:-webkit-autofill,
    input[type="search"]:-webkit-autofill,
    input[type="password"]:-webkit-autofill,
    textarea:-webkit-autofill,
    select:-webkit-autofill {
        border-color: #d1d7e2;
    }

.back-to-top {
    background-color: #000000;
    bottom: 50px;
}

::-moz-selection { /* Code for Firefox */
    color: #000000;
    background: #00AC95;
}

::selection {
    color: #000000;
    background: #00AC95;
}

/* 
 * 1. Header 
 *
 */

a.button, button,
input[type=submit],
.kk_FileSelect label,
.kk_DocumentUploadButton a {
    font-weight: 600;
}

.headr-inner {
    height: 115px;
}

.main-header {
    /*background-color:#222538;*/
    background-color: #0c101a;
    height: 115px;
}


/* 
 * 2. Global search bar
 *
 */
.pb-search-trigger,
.pb-close-search-modal {
    display: none;
}

#pb-global-search {
    display: block;
    position: relative;
}

    #pb-global-search input {
        background-color: #474A5A;
        border-color: #474A5A;
        color: #ffffff;
    }

        #pb-global-search input:hover,
        #pb-global-search input:focus {
            border-color: #00AC95;
        }

        #pb-global-search input::-webkit-input-placeholder {
            color: #bfc2d0;
        }

        #pb-global-search input::-moz-placeholder {
            color: #bfc2d0;
        }

        #pb-global-search input:-ms-input-placeholder {
            color: #bfc2d0;
        }

        /* Chrome fix for prefilled search field */
        #pb-global-search input[type="text"]:-webkit-autofill,
        #pb-global-search input[type="text"]:-webkit-autofill:hover,
        #pb-global-search input[type="text"]:-webkit-autofill:focus {
            -webkit-text-fill-color: #ffffff;
        }


    #pb-global-search button {
        position: absolute;
        top: 0;
        right: 0;
        width: 42px;
        padding: 0;
        height: 42px;
        background-color: #00AC95;
        border-color: #00AC95;
    }

        #pb-global-search button:hover {
            background-color: #008F7C;
            border-color: #008F7C;
        }

        #pb-global-search button::after {
            display: block;
            content: '\f002';
            font-size: 1.2rem;
            font-family: "Font Awesome 6 Pro";
            font-weight: 300;
            color: #ffffff;
            text-align: center;
            line-height: 42px;
        }
/* Search suggestions */
.pb-search-suggestions {
    z-index: 4;
    position: fixed;
    background-color: #ffffff;
    box-shadow: 0 5px 40px 0 rgba(0,0,0,.2);
    border: 1px solid rgba(0,0,0,.15);
    padding: 20px;
    width: 850px;
    margin-left: -425px;
    left: 50%;
    top: 52px;
    max-height: calc(100vh - 200px);
    overflow: auto;
    display: none;
}

    .pb-search-suggestions h6 {
        margin-bottom: 0.5rem;
    }

.pb-search-cat,
.pb-search-brands {
    margin-bottom: 1rem;
}

    .pb-search-cat a.button,
    .pb-search-brands a.button {
        margin-right: 10px;
        font-size: 0.85rem;
        padding: 2px 10px;
        height: auto;
        font-weight: 400;
    }

a.pb-search-product {
    display: block;
    padding: 15px;
    position: relative;
    color: #222538;
    border-top: 1px solid rgba(0,0,0,.15);
}

    a.pb-search-product::after {
        content: '';
        display: block;
        clear: both;
    }

    a.pb-search-product::before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        opacity: 0;
        background-color: rgba(0,0,0,.07);
        transition: opacity 0.3s ease;
    }

    a.pb-search-product:hover::before {
        opacity: 1;
    }

.pb-search-image {
    float: left;
    width: 70px;
    padding-right: 20px;
}

    .pb-search-image img {
        max-width: 100%;
    }

.pb-search-descr {
    float: left;
    width: calc(100% - 160px);
    padding-right: 20px;
}

.pb-search-price {
    float: right;
    width: 90px;
    text-align: right;
}

    .pb-search-price span {
        display: block;
    }

        .pb-search-price span:first-child {
            font-weight: 600;
            color: #00AC95;
        }

        .pb-search-price span:last-child {
            color: #696C7D;
            font-size: 0.8rem;
        }

/* 
 * 3. Basket menu link
 *
 */
li.pb-basket-link i {
    position: relative;
}

    li.pb-basket-link i span {
        overflow: hidden;
        display: block;
        height: 20px;
        width: 20px;
        line-height: 20px;
        border-radius: 50%;
        font-size: 0.8rem;
        position: absolute;
        text-align: center;
        background-color: #dc3545;
        color: #ffffff;
        top: -10px;
        left: -12px;
        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    }


/* 
 * 4. Account menu
 *
 */
.pb-account-menu .d-menu nav > ul {
    float: right;
}

.pb-account-menu .d-menu nav::after {
    content: '';
    clear: both;
    display: block;
}

/* 
 * 5. Main menu
 *
 */
.pb-main-menu {
    border-top: 1px solid rgba(255,255,255,0.15);
}

    /* Top level */

    .pb-main-menu .d-menu > nav > ul > li > a {
        line-height: 34px;
    }

    .pb-main-menu .top-menu-container > nav > ul {
        height: 54px;
    }

    .pb-main-menu .d-menu nav.top-menu {
        float: none;
    }

.d-menu li.pb-menu-offers,
.d-menu li.pb-menu-buy,
.d-menu li.pb-menu-sell {
    float: right;
}

.pb-main-menu .d-menu .top-menu .kk-dd-menu {
    top: 54px;
}


/* Megamenu */
.pb-main-menu .d-menu .top-menu li.kk-megamenu > ul {
    max-width: 1300px;
    width: 1300px;
    margin-left: -650px;
    top: 115px;
}

.d-menu li.kk-mm-tab:last-child {
    margin-bottom: 80px;
}

.top-menu-container nav .pb-mm-brands a {
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
}

    .top-menu-container nav .pb-mm-brands a:hover {
        background-color: transparent;
    }

    .top-menu-container nav .pb-mm-brands a::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,.07);
        transition: opacity 0.3s ease;
        opacity: 0;
        z-index: 1;
    }

    .top-menu-container nav .pb-mm-brands a:hover::after {
        opacity: 1;
    }

.pb-mm-brands img {
    max-width: 100%;
    width: auto;
    height: 60px;
}


/* No tabs megamenu */

.d-menu .top-menu li.kk-megamenu.pb-notabs-megamenu > ul {
    padding: 20px;
}

.pb-notabs-megamenu ul ul {
    margin: 0;
    padding: 0;
}

/* Arrow on products menu drop down */

li.kk-mm-tab .kk-mm-trig {
    position: relative;
}

    li.kk-mm-tab .kk-mm-trig:after {
        content: '\f105';
        font-family: "Font Awesome 6 Pro";
        font-weight: 300;
        position: absolute;
        line-height: 20px;
        width: 20px;
        height: 20px;
        right: 0;
        top: 12px;
        display: none
    }

li.kk-mm-tab:hover .kk-mm-trig:after,
li.kk-mm-tab.active .kk-mm-trig:after {
    display: block;
}

/* 
 * 6.Typography
 *
 */

h4, .h4 {
    font-size: 1.1rem;
}

.medium-text, h3, .h3 {
    font-size: 1.20rem;
}

.pb-headline {
    position: relative;
}

h2.pb-headline {
    margin-bottom: 1.5rem;
}

.pb-headline::after {
    content: '';
    display: block;
    width: 50px;
    height: 3px;
    margin-top: 10px;
    background-color: #00AC95;
}

.text-align-center.pb-headline::after {
    margin: 10px auto 0 auto;
}

a h1, a h2, a h3, a h4, a h5, a h6 {
    text-decoration: none;
}

.pb-detailed-icon {
    margin-bottom: 1rem;
}

.pb-link-icon {
    text-decoration: none;
    color: #00AC95;
    font-weight: 600;
}

    a:hover .pb-link-icon i,
    .pb-link-icon:hover i {
        transform: translateX(6px);
    }

    .pb-link-icon i {
        margin-left: 5px;
        transition: transform 0.3s ease;
    }

a.pb-featured-link {
    display: block;
    text-decoration: none;
}

    a.pb-featured-link p {
        color: #696C7D;
    }





/* Read more/read less paragraphs */
.pb-truncate-text {
    margin-bottom: 1.75rem;
    margin-top: 0;
}

    .pb-truncate-text p {
        margin-bottom: 0;
        overflow: hidden;
        transition: height 500ms ease;
    }

a.pb-show-more {
    display: block;
}



/* 
 * 7. Breadcrumbs
 *
 */
.pb-breadcrumbs {
    margin-bottom: 30px;
}

    .pb-breadcrumbs ol {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .pb-breadcrumbs li {
        padding: 0;
        margin: 0 6px;
        display: inline-block;
    }

        .pb-breadcrumbs li:first-child {
            margin: 0 6px 0 0;
        }


/* 
 * 8. Sections (Wrappers)
 *
 */
.page-wrap.fullwidth-page-wrap {
    min-height: 80vh;
}

.pb-footer-wrapper,
.wrapper {
    padding-top: 45px;
    padding-bottom: 45px;
}

    .wrapper.pb-category-header {
        padding-bottom: 140px;
    }

    .wrapper.pb-category-wrapper {
        padding-top: 1px;
    }

        .wrapper.pb-category-wrapper .row {
            margin-top: -100px;
        }

.col-wrapper {
    margin-right: 60px;
    margin-left: 60px;
}

.wrapper.pb-homepage-service-advisors {
    padding-top: 0;
    padding-bottom: 20px;
}

.wrapper.pb-homepage-product-advisors {
    padding-bottom: 20px;
}

.wrapper.pb-homepage-daas-advisors {
    padding-bottom: 20px;
    padding-top: 0;
}

.wrapper.pb-home-offers {
    padding-bottom: 0;
}

.wrapper.pb-home-brands {
    padding-top: 20px;
}

.wrapper.pb-homepage-blog {
    padding-bottom: 0;
}

/* 
 * 9. Proxy notification
 *
 */

.pb-proxy-bar {
    background-color: #db3847;
    margin: 0;
    padding: 12px 0;
    margin-top: 115px;
}

    .pb-proxy-bar a {
        border-color: #fff;
        border-width: 2px;
        color: #ffffff;
        font-size: 14px;
        line-height: 1;
        display: block;
        text-decoration: none;
    }

        .pb-proxy-bar a:hover {
            color: #222538;
        }

        .pb-proxy-bar a i {
            margin: 0 10px;
        }


/* 
 * 10. Demo banners
 *
 */

.pb-demo-banner {
    padding-top: 20px;
}

    .pb-demo-banner a {
        display: block;
        padding: 20px;
        background-color: #222538;
    }

        .pb-demo-banner a::after {
            content: '';
            clear: both;
            display: block;
        }

    .pb-demo-banner img {
        float: left;
        max-height: 50px;
        max-width: 200px;
        width: auto;
        margin-right: 15px;
    }

    .pb-demo-banner a > div {
        float: left;
        font-weight: 600;
        line-height: 1.3;
        color: white;
        padding: 10px 0;
        font-size: 1.4rem;
    }

/* 
 * 11. Image blocks (category blocks)
 *
 */
a.pb-category-link {
    text-decoration: none;
    display: block;
}

    a.pb-category-link h3 {
        margin-bottom: 0;
    }

.bp-category-image {
    position: relative;
    margin-bottom: 0.6rem;
}

    .bp-category-image img {
        width: 100%;
        height: auto;
    }

    .bp-category-image::before {
        content: '';
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        box-shadow: none;
        height: 100%;
        width: 100%;
        z-index: 1;
        background-color: #000000;
        opacity: 0;
        transition: opacity 0.3s ease;
    }

a.pb-category-link:hover .bp-category-image::before {
    opacity: 0.5;
}

.bp-category-image::after {
    content: 'View';
    display: block;
    position: absolute;
    width: 60px;
    height: 60px;
    background-color: #00cbaf;
    opacity: 0;
    line-height: 60px;
    text-align: center;
    color: #ffffff;
    transform: scale(0);
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    transition: transform 0.3s ease, opacity 0.3s ease;
    z-index: 2;
    border-radius: 50%;
    font-weight: 600;
}

a.pb-category-link:hover .bp-category-image::after {
    opacity: 1;
    transform: scale(1);
}

/* 
 * 12. White blocks (advisors, services)
 *
 */

.pb-block {
    display: block;
    text-decoration: none;
    transition: box-shadow .3s ease, color .3s ease;
    box-sizing: border-box;
    overflow: hidden;
}

a.pb-block:hover {
    box-shadow: inset 0px 0px 0px 2px #00AC95;
    text-decoration: none;
}


.pb-block p {
    color: #696C7D;
    margin-bottom: 0.5rem;
    transition: color .3s ease;
}

.pb-block h3,
.pb-block h4,
.pb-block h5,
.pb-block h6 {
    transition: color .3s ease;
    margin-bottom: 0.5rem;
}

.pb-block:hover p {
    color: #696C7D;
    text-decoration: none;
}

/* Standard block */
.pb-block {
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 30px;
}

    .pb-block .pb-image {
        margin-bottom: 15px;
    }

        .pb-block .pb-image img {
            width: 100%;
            height: auto;
        }

            .pb-block .pb-image img[data-src] { /*lazy load placeholder */
                max-width: 100%;
                width: auto;
                height: auto;
            }

    .pb-block .link-with-icon {
        margin-top: 1rem;
    }

    /* Grey block */
    .pb-block.light-grey {
        background-color: #e5e6ea;
    }

        .pb-block.light-grey .pb-image {
            background-color: #ffffff;
        }

/* Horizontal block */
.pb-horizontal-block::after {
    content: '';
    clear: both;
    display: block;
}

.pb-block.pb-horizontal-block .pb-image {
    float: left;
    overflow: hidden;
    width: 150px;
    margin-right: 20px;
    margin-bottom: 0;
}

.pb-block.pb-horizontal-block .pb-text {
    float: right;
    width: calc(100% - 170px);
}
/* Long horizontal block */
.pb-horizontal-block-long::after {
    content: '';
    clear: both;
    display: block;
}

.pb-block.pb-horizontal-block-long .pb-image {
    float: left;
    overflow: hidden;
    width: 393px;
    margin-right: 20px;
    margin-bottom: 0;
}

.pb-block.pb-horizontal-block-long .pb-text {
    float: right;
    width: calc(100% - 413px);
}
/* Narrow horizontal block */
.pb-horizontal-block-narrow::after {
    content: '';
    clear: both;
    display: block;
}

.pb-block.pb-horizontal-block-narrow .pb-image {
    float: left;
    overflow: hidden;
    width: 270px;
    margin-right: 20px;
    margin-bottom: 0;
}

.pb-block.pb-horizontal-block-narrow .pb-text {
    float: right;
    width: calc(100% - 290px);
}

/* 
 * 13. Cards (blog articles)
 *
 */
.pb-card {
    display: block;
    text-decoration: none;
    transition: box-shadow .3s ease, color .3s ease;
    box-sizing: border-box;
    overflow: hidden;
    background-color: #ffffff;
    padding: 0;
    margin-bottom: 30px;
    position: relative;
}

    .pb-card:hover {
        box-shadow: 0px 15px 40px 0px rgba(0,0,0,0.15);
        text-decoration: none;
    }

    .pb-card p {
        color: #696C7D;
        margin-bottom: 0.5rem;
        transition: color .3s ease;
    }

    .pb-card h3,
    .pb-card h4,
    .pb-card h5,
    .pb-card h6 {
        margin-bottom: 0.5rem;
    }

    .pb-card:hover p {
        color: #696C7D;
        text-decoration: none;
    }

    .pb-card .pb-date {
        position: absolute;
        display: inline-block;
        padding: 4px 8px;
        background-color: #00AC95;
        color: #ffffff;
        top: 20px;
        left: 20px;
        font-size: 0.85rem;
        font-weight: 600;
    }

    .pb-card .pb-image img {
        max-width: 100%;
        height: auto;
    }

        .pb-card .pb-image img[data-src] { /*lazy load placeholder */
            max-width: 100%;
            width: auto;
            height: auto;
        }

    .pb-card .pb-text {
        padding: 20px;
    }

    .pb-card .link-with-icon {
        margin-top: 1rem;
    }
    /* cards with link at the bottom */
    .pb-card.pb-bottom-link .pb-text {
        padding-bottom: 60px;
    }

    .pb-card.pb-bottom-link .pb-link-icon {
        position: absolute;
        bottom: 30px;
        right: 30px;
    }
/* horizontal cards */
.pb-horizontal-card::after {
    content: '';
    clear: both;
    display: block;
}

.pb-card.pb-horizontal-card .pb-image {
    float: left;
    overflow: hidden;
    width: 358px;
    margin-bottom: 0;
}

.pb-card.pb-horizontal-card .pb-text {
    float: right;
    width: calc(100% - 358px);
}

/* blog card images  homepage fix */
.pb-homepage-blog .pb-image img {
    width: 100%;
}

@media screen and (min-width: 768px) {
    .pb-homepage-blog img {
        min-height: 240px;
    }
}



/* 
 * 14. Offer banners
 *
 */
.pb-offer-banner a {
    position: relative;
    display: block;
    margin-bottom: 1rem;
}

    .pb-offer-banner a::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        box-shadow: inset 0px 0px 60px -4px rgba(0,0,0,0.10);
    }

.pb-offer-banner img {
    width: auto;
    height: auto;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

/* 
 * 15. Brand logos (featured brand section)
 *
 */
a.pb-brand-logo {
    display: block;
}

    a.pb-brand-logo img {
        transition: opacity 0.3s ease;
    }

    a.pb-brand-logo:hover img {
        opacity: 0.70;
    }

/* 
 * 16. Slick.JS (base styles styles for slides and carousels)
 *
 */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

    .slick-list:focus {
        outline: 0
    }

    .slick-list.dragging {
        cursor: pointer;
    }

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

    .slick-track:after, .slick-track:before {
        display: table;
        content: ''
    }

    .slick-track:after {
        clear: both
    }

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

/* 
 * 17. Product carousel
 *
 */
.pb-product-carousel {
    padding-left: 70px;
    padding-right: 70px;
    padding-top: 0;
    position: relative;
}

    .pb-product-carousel .slick-slide {
        outline: none;
    }

    .pb-product-carousel a {
        display: block;
        text-decoration: none;
        padding: 20px;
        background-color: #ffffff;
        margin: 1px;
        outline: none;
        position: relative;
    }

        .pb-product-carousel a:hover {
            box-shadow: inset 0px 0px 0px 2px #00AC95;
        }

    /* Prev and next buttons */
    .pb-product-carousel .slick-arrow {
        border: none;
        position: absolute;
        border-radius: 50%;
        font-size: 0;
        line-height: 0;
        padding: 0;
        margin: 0;
        display: block;
        height: 50px;
        width: 50px;
        top: calc(50% - 25px);
        background-color: rgba(0,0,0,0.15);
    }

        .pb-product-carousel .slick-arrow:hover {
            background-color: rgba(0,0,0,0.25);
        }

        .pb-product-carousel .slick-arrow::after {
            font-family: "Font Awesome 6 Pro";
            font-weight: 300;
            line-height: 50px;
            width: 50px;
            display: block;
            text-align: center;
            font-size: 1.5rem;
            color: #ffffff;
        }

    .pb-product-carousel .slick-prev {
        left: 5px;
    }

        .pb-product-carousel .slick-prev::after {
            content: '\f104';
        }

    .pb-product-carousel .slick-next {
        right: 5px;
    }

        .pb-product-carousel .slick-next::after {
            content: '\f105';
        }
/* Carousel product info message */
.pb-sector-discounts {
    position: relative;
    height: 36px;
}

    .pb-sector-discounts > div {
        background-color: rgba(0, 203, 176, 0.25);
        color: #222538;
        font-size: 0.9rem;
        line-height: 36px;
        vertical-align: middle;
        padding-left: 10px;
    }

        .pb-sector-discounts > div::after {
            font-size: 1rem;
            content: '\f02c';
            font-family: "Font Awesome 6 Pro";
            font-weight: 300;
            position: absolute;
            display: block;
            line-height: 36px;
            width: 36px;
            height: 36px;
            right: 0px;
            top: 0;
            text-align: center;
            color: #00AC95;
        }

/* Carousel image */
.pb-carousel-image {
    margin-bottom: 0.5rem;
}

    .pb-carousel-image img {
        margin: 0 auto;
        max-width: 100%;
        max-height: 150px;
        height: auto;
    }
/* Carousel text */
h3.pb-carousel-title {
    font-weight: normal;
    text-decoration: none;
    margin-bottom: 1rem;
    height: 47px;
    overflow: hidden;
    font-size: 1rem;
    line-height: 1.5rem;
}

.pb-carousel-price {
    color: #222538;
    font-weight: 600;
    font-size: 1.15rem;
    margin: 0 0 5px 0;
}

    .pb-carousel-price span {
        font-size: 0.8rem;
        font-weight: normal;
    }


/* 
 * 18. Top level category pages
 *
 */

.wrapper.pb-category-wrapper {
    padding-bottom: 0px;
}

.wrapper.pb-category-no-advisors {
    padding-bottom: 0;
}

.wrapper.pb-category-brands {
    padding-top: 0;
}
/* 
 * 19. Advisor styles
 *
 */
.pb-cpq-header {
    margin-bottom: 2rem;
}

    .pb-cpq-header::after {
        content: '';
        clear: both;
        display: block;
    }

.pb-cpq-logo {
    padding-right: 20px;
    padding-top: 10px;
    float: left;
}

    .pb-cpq-logo img.responsive {
        max-width: 140px;
        max-height: 50px;
    }

    .pb-cpq-logo + .pb-cpq-title {
        padding-left: 20px;
        border-left: 2px solid #15324D;
        float: left;
    }

.pb-cpq-title {
    padding: 0 0 5px 0;
    float: none;
}

    .pb-cpq-title h1 {
        margin-bottom: 0;
    }

    .pb-cpq-title div {
        font-size: 13px;
    }

/* 
 * 20. Tabs
 *
 */
.tabs-module {
    margin: 0 0 30px 0;
}


.tabs {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: block;
}

    .tabs li {
        margin: 0;
        padding: 0;
        display: inline-block;
        margin-bottom: -1px;
        overflow: visible;
    }

        .tabs li:last-child a {
            border-right: 1px solid #d1d7e2;
        }

    .tabs a {
        background-color: #e5e6ea;
        color: #222538;
        display: inline-block;
        padding: 10px 25px;
        line-height: 1;
        vertical-align: middle;
        text-decoration: none;
        border: 1px solid #d1d7e2;
        border-right: none;
    }

        .tabs a:hover {
            background-color: #e5e6ea;
            text-decoration: none;
        }

        .tabs a.active,
        .tabs a.active:hover {
            background-color: #ffffff;
            color: #222538;
            border-bottom: 1px solid #ffffff;
        }

.tab-content {
    background-color: #ffffff;
    display: block;
    padding: 30px;
    border: 1px solid #d1d7e2;
}



/* 
 * 21. Probrand homepage
 *
 */
.wrapper.pb-home-top {
    border-bottom: 1px solid #d1d7e2;
}

/* Homepage benefits tab */
.tabs-module.pb-benefits-tabs {
    margin-bottom: 0;
    margin-top: -37px;
}

.pb-benefits-tabs .tab-content::after {
    content: '';
    clear: both;
    display: block;
}

.pb-benefits-tabs .tab-content > div:first-child {
    float: left;
    width: 100px;
    margin-right: 20px;
}

.pb-benefits-tabs .tab-content > div:last-child {
    float: right;
    width: calc(100% - 120px);
}

.pb-benefits-tabs .tab-content img {
    max-width: 100%;
}

/* Homepage stats */
.pb-stats-container {
    background-color: #222538;
    background-image: url('https://cdn.onknowledgekube.net/probrand/images/homepage/pb-stats-background.svg');
    padding: 20px;
    position: relative;
    overflow: hidden;
    margin-bottom: 2rem;
}

    .pb-stats-container::after {
        content: '';
        clear: both;
        display: block;
    }

.pb-graph {
    float: left;
    width: 36px;
    height: 28px;
    vertical-align: bottom;
    margin-right: 20px;
}

    .pb-graph::after {
        content: '';
        clear: both;
        display: block;
    }

    .pb-graph span {
        border-radius: 2px;
        float: left;
        width: 5px;
        margin-right: 3px;
        background-color: #00AC95;
        max-height: 28px;
        height: 28px;
        vertical-align: bottom;
        transform-origin: bottom center;
    }

        .pb-graph span:first-child {
            animation: grow-1 1.5s linear infinite;
        }

        .pb-graph span:nth-child(2) {
            height: 28px;
            transform: scale(1, 0.333);
            animation: grow-2 1.5s linear infinite;
        }

        .pb-graph span:nth-child(3) {
            height: 28px;
            transform: scale(1, 0.833);
            animation: grow-3 1.5s linear infinite;
        }

        .pb-graph span:nth-child(4) {
            height: 28px;
            transform: scale(1, 0.625);
            animation: grow-4 1.5s linear infinite;
        }

.pb-live {
    position: absolute;
    display: block;
    padding: 0 8px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
    font-size: 11px;
    color: #ffffff;
    background-color: #FF0000;
    top: 5px;
    right: 5px;
    line-height: 18px;
    height: 18px;
}

.pb-stats {
    float: right;
    width: calc(100% - 60px);
    vertical-align: bottom;
    height: 28px;
    position: relative;
    overflow: hidden;
}

span.pb-stats-big {
    font-size: 24px;
    font-weight: bold;
    padding: 0 5px;
}

span.pb-stats-text {
    font-size: 1rem;
    font-weight: normal;
}

span.pb-stats-dots {
    padding: 0 0 0 5px;
    font-size: 16px;
    font-weight: 600;
    opacity: 0.4;
    letter-spacing: 4px;
}

#pb-marketplace-stats {
    display: block;
    width: 100%;
    height: 28px;
    box-sizing: border-box;
    position: relative;
    line-height: 28px;
    overflow: hidden;
    border-radius: 2px;
    font-size: 14px;
}

    #pb-marketplace-stats ul {
        display: block;
        height: 28px;
        list-style: none;
        padding: 0;
        margin: 0;
        display: block;
        width: 100%;
        position: relative;
        overflow: hidden !important;
    }

        #pb-marketplace-stats ul::after {
            content: '';
            clear: both;
            display: block;
        }

    #pb-marketplace-stats li {
        float: left;
        position: relative;
        width: auto;
        padding: 0;
        margin: 0;
        height: 28px;
        line-height: 28px;
        color: #ffffff;
    }

    #pb-marketplace-stats a {
        white-space: nowrap;
        text-decoration: none;
        padding: 0;
        line-height: 28px;
        color: #ffffff;
        position: relative;
        display: block;
        overflow: hidden;
    }


@keyframes grow-1 {
    0% {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
    }

    50% {
        transform: scale(1, 0.333);
        -webkit-transform: scale(1, 0.333);
        -ms-transform: scale(1, 0.333);
    }

    100% {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
    }
}

@keyframes grow-2 {

    0% {
        transform: scale(1, 0.333);
        -webkit-transform: scale(1, 0.333);
        -ms-transform: scale(1, 0.333);
    }

    50% {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
    }

    100% {
        transform: scale(1, 0.333);
        -webkit-transform: scale(1, 0.333);
        -ms-transform: scale(1, 0.333);
    }
}

@keyframes grow-3 {

    0% {
        transform: scale(1, 0.833);
        -webkit-transform: scale(1, 0.833);
        -ms-transform: scale(1, 0.833);
    }

    33.33% {
        transform: scale(1, 0.333);
        -webkit-transform: scale(1, 0.333);
        -ms-transform: scale(1, 0.333);
    }

    66.66% {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
    }

    100% {
        transform: scale(1, 0.833);
        -webkit-transform: scale(1, 0.833);
        -ms-transform: scale(1, 0.833);
    }
}

@keyframes grow-4 {

    0% {
        transform: scale(1, 0.625);
        -webkit-transform: scale(1, 0.625);
        -ms-transform: scale(1, 0.625);
    }

    33.33% {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
    }

    66.66% {
        transform: scale(1, 0.333);
        -webkit-transform: scale(1, 0.333);
        -ms-transform: scale(1, 0.333);
    }

    100% {
        transform: scale(1, 0.625);
        -webkit-transform: scale(1, 0.625);
        -ms-transform: scale(1, 0.625);
    }
}

/* Welcome text */
.bp-home-welcome {
    color: #222538;
    text-align: center;
    font-size: 1.1rem;
}

/* Homepage slider */
.pb-home-offers-slider {
    position: relative;
    overflow: hidden;
}

    .pb-home-offers-slider img {
        max-width: 100%;
        height: auto;
        padding-right: 1px;
    }


    .pb-home-offers-slider .slick-arrow {
        border: none;
        position: absolute;
        border-radius: 50%;
        font-size: 0;
        line-height: 0;
        padding: 0;
        margin: 0;
        display: block;
        height: 50px;
        width: 50px;
        top: calc(50% - 25px);
        background-color: rgba(0,0,0,0.25);
    }

        .pb-home-offers-slider .slick-arrow:hover {
            background-color: rgba(0,0,0,0.55);
        }

        .pb-home-offers-slider .slick-arrow::after {
            font-family: "Font Awesome 6 Pro";
            font-weight: 300;
            line-height: 50px;
            width: 50px;
            display: block;
            text-align: center;
            font-size: 1.5rem;
            color: #ffffff;
            transition: transform 0.3s ease;
        }

    .pb-home-offers-slider .slick-prev {
        left: 5px;
        transform: translateX(-100px);
    }

    .pb-home-offers-slider:hover .slick-prev {
        transform: translateX(0);
    }

    .pb-home-offers-slider .slick-prev::after {
        content: '\f104';
    }

    .pb-home-offers-slider .slick-next {
        right: 5px;
        transform: translateX(100px);
    }

    .pb-home-offers-slider:hover .slick-next {
        transform: translateX(0);
    }

    .pb-home-offers-slider .slick-next::after {
        content: '\f105';
    }

ul.slick-dots {
    list-style-type: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 10px 0 0 0;
}

    ul.slick-dots li {
        display: inline-block;
        margin: 0;
        padding: 0 10px;
    }

    ul.slick-dots button {
        font-size: 0;
        display: block;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: rgba(0,0,0,0.15);
        border: none;
        padding: 0;
        margin: 0;
    }

        ul.slick-dots button:hover {
            background-color: rgba(0,0,0,0.35);
        }

    ul.slick-dots li.slick-active button {
        background-color: #008F7C;
    }

.wrapper.pb-homepage-product-carousel {
    padding-bottom: 0;
}

/* 
 * 22. Brands slider
 *
 */
.pb-home-brands {
    border-bottom: 1px solid #d1d7e2;
}

.pb-home-brands-carousel {
    position: relative;
    overflow: hidden;
}

    .pb-home-brands-carousel a {
        display: block;
        line-height: 100px;
        text-align: center;
    }

        .pb-home-brands-carousel a img {
            max-height: 100px;
            display: inline-block;
        }

    .pb-home-brands-carousel .slick-arrow {
        border: none;
        position: absolute;
        border-radius: 50%;
        font-size: 0;
        line-height: 0;
        padding: 0;
        margin: 0;
        display: block;
        height: 50px;
        width: 50px;
        top: calc(50% - 25px);
        background-color: rgba(0,0,0,0.25);
    }

        .pb-home-brands-carousel .slick-arrow:hover {
            background-color: rgba(0,0,0,0.55);
        }

        .pb-home-brands-carousel .slick-arrow::after {
            font-family: "Font Awesome 6 Pro";
            font-weight: 300;
            line-height: 50px;
            width: 50px;
            display: block;
            text-align: center;
            font-size: 1.5rem;
            color: #ffffff;
            transition: transform 0.3s ease;
        }

    .pb-home-brands-carousel .slick-prev {
        left: 5px;
        transform: translateX(-100px);
    }

    .pb-home-brands-carousel:hover .slick-prev {
        transform: translateX(0);
    }

    .pb-home-brands-carousel .slick-prev::after {
        content: '\f104';
    }

    .pb-home-brands-carousel .slick-next {
        right: 5px;
        transform: translateX(100px);
    }

    .pb-home-brands-carousel:hover .slick-next {
        transform: translateX(0);
    }

    .pb-home-brands-carousel .slick-next::after {
        content: '\f105';
    }

/* 
 * 23. Blog pagination
 *
 */
.easyPaginateNav {
    display: block;
    width: 100% !important;
}

    .easyPaginateNav::after {
        content: '';
        clear: both;
        display: block;
    }

    .easyPaginateNav a {
        padding: 0 8px;
        line-height: 42px;
        background-color: transparent;
        color: #00AC95;
        float: left;
        font-weight: normal;
        text-decoration: none;
        margin-right: 4px;
        border-radius: 4px;
    }

        .easyPaginateNav a:hover {
            color: #fff;
            background-color: #00AC95;
        }

        .easyPaginateNav a.current {
            background-color: #00AC95;
            color: #fff;
        }

        .easyPaginateNav a.disabled {
            display: none;
        }

    .easyPaginateNav .next::before,
    .easyPaginateNav .prev::before,
    .easyPaginateNav .first::before,
    .easyPaginateNav .last::before {
        font-family: "Font Awesome 6 Pro";
        font-weight: 300;
        font-size: 0.8rem;
        line-height: 42px;
        display: block;
    }

    .easyPaginateNav .next,
    .easyPaginateNav .prev,
    .easyPaginateNav .first,
    .easyPaginateNav .last {
        font-size: 0;
        line-height: 0;
    }

        .easyPaginateNav .next::before {
            content: '\f054';
        }

        .easyPaginateNav .prev::before {
            content: '\f053';
        }

        .easyPaginateNav .first::before {
            content: '\f323';
        }

        .easyPaginateNav .last::before {
            content: '\f324';
        }

/*
 * 24. Quotes page
 *
 */

table#pb-quotes .pb-quotes-ref {
    width: 75px;
}

table#pb-quotes td.pb-quotes-ref > a {
    font-weight: 600;
}

table#pb-quotes .pb-quotes-created {
    width: 110px;
}

table#pb-quotes .pb-quotes-expiry {
    width: 110px;
}

table#pb-quotes .pb-quotes-price {
    width: 105px;
}

table#pb-quotes td.pb-quotes-price {
    font-weight: 600;
    font-size: 1rem;
    color: #00AC95;
}

table#pb-quotes .pb-expired-quote td.pb-quotes-price {
    color: #dc3545;
}

table#pb-quotes .pb-quotes-action {
    width: 150px;
}

table#pb-quotes tr.kk_DSHeaderRow {
    border-bottom: 1px solid #cfd4d9;
}

table#pb-quotes td a.quotes-add-to-basket {
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 10px;
    padding-right: 10px;
    height: 28px;
}

.pb-expired-quote {
    background-color: rgba(220, 53, 69, 0.15);
}

    .pb-expired-quote td.pb-quotes-expiry {
        color: #dc3545;
    }

.pb-show-quote {
    display: table-row;
}

.pb-hide-quote {
    display: none;
}

a.pb-paginate-link {
    margin: 0 0.25rem 0.25rem 0;
    display: none;
    padding: 10px 8px;
    line-height: 1;
    height: auto;
    color: #222538;
    background-color: transparent;
    border-radius: 4px;
    text-decoration: none;
}

.pb-pagination-wrapper span {
    margin: 0 0.25rem 0.25rem 0;
    display: none;
    padding: 10px 8px;
    line-height: 1;
    height: auto;
    background-color: transparent;
    text-decoration: none;
}

a.pb-paginate-link:hover,
a.pb-paginate-link.pb-current {
    background-color: #e5e6ea;
    color: #222538;
}

#pb-clear-search-quotes {
    display: none;
}

a.pb-paginate-prev,
a.pb-paginate-next {
    display: inline-block;
}

    a.pb-paginate-prev.disabled,
    a.pb-paginate-next.disabled,
    a.pb-paginate-prev.disabled:hover,
    a.pb-paginate-next.disabled:hover {
        color: #222538;
        background: transparent;
        cursor: not-allowed;
    }
/* Quotes modal */
.pb-quote-expired-title {
    display: none;
    color: #dc3545;
}

.pb-expired-quote .pb-quote-expired-title {
    display: inline;
}

.pb-quotes-modal .row {
    display: -ms-flexbox;
    display: flex;
    margin-right: -15px;
    margin-left: -15px;
}

.pb-quotes-modal .kk-separator-border {
    padding-top: 20px;
    margin-bottom: 20px;
}

.pb-quotes-modal .pb-quote-modal-total {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 20px;
}

    .pb-quotes-modal .pb-quote-modal-total > span:last-child {
        color: #00AC95;
    }

.pb-expired-quote .pb-quotes-modal .pb-quote-modal-total > span:last-child {
    color: #dc3545;
}

.pb-quotes-modal .pb-quote-modal-item-total {
    font-weight: 600;
    color: #00AC95;
}

.pb-expired-quote .pb-quotes-modal .pb-quote-modal-item-total {
    color: #dc3545;
}

.pb-quotes-modal .pb-quote-modal-item-title {
    margin-bottom: 0.5rem;
}

.pb-quotes-modal .pb-quotes-modal-summary {
    background-color: #e5e6ea;
    padding: 20px;
}

    .pb-quotes-modal .pb-quotes-modal-summary > div::after {
        content: '';
        clear: both;
        display: block;
    }

    .pb-quotes-modal .pb-quotes-modal-summary > div > span:first-child {
        float: left;
    }

    .pb-quotes-modal .pb-quotes-modal-summary > div > span:last-child {
        float: right;
        text-align: right;
    }

.pb-quotes-modal .pb-quotes-modal-list {
    padding: 20px;
    border: 1px solid #d1d7e2;
    margin-bottom: 20px;
}

.pb-quotes-modal .pb-quotes-modal-list {
    margin-bottom: 0.5rem;
}

    .pb-quotes-modal .pb-quotes-modal-list > div {
        border-bottom: 1px solid #cfd4d9;
        margin-bottom: 20px;
    }

        .pb-quotes-modal .pb-quotes-modal-list > div:last-child {
            border-bottom: none;
        }

/* 
 * 25. Page header block
 *
 */
.pb-page-header-block {
    border: 1px solid #d1d7e2;
    padding: 40px;
}

.pb-page-header-hero {
    text-align: center;
}

    .pb-page-header-hero img {
        max-width: 100%;
        height: auto;
    }

/* 
 * 26. White tiles
 * Used on the Brands page
 */
a.pb-white-tile {
    text-decoration: none;
    display: block;
    margin-bottom: 30px;
    position: relative;
    padding: 20px;
    color: #222538;
    text-align: center;
    height: calc(100% - 30px);
}

    a.pb-white-tile::after {
        content: '';
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        box-shadow: none;
        height: 100%;
        width: 100%;
        z-index: 1;
        background-color: #000000;
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    a.pb-white-tile:hover::after {
        opacity: 0.07;
    }

.pb-white-tile-img {
    position: relative;
    margin-bottom: 1rem;
}

    .pb-white-tile-img img {
        width: 100%;
        height: auto;
    }

.pb-white-tile-title {
    margin-bottom: 1rem;
}
/* 
 * 27. Brand pages
 *
 */

.brands.container {
    padding: 20px;
}

.image-width {
    max-width: 100%;
}

.mb-2 {
    margin-bottom: 2rem;
}

.mb-3 {
    margin-bottom: 3rem;
}

.mb-4 {
    margin-bottom: 4rem;
}

.mp-brandLogo {
    padding: 10px 0 10px;
    text-align: center;
}

.mp-brandOverview {
    border-top: 1px solid #ddd;
    padding-top: 10px;
}


.mp-brandSubnav ul {
    border-top: 1px solid #ddd;
    list-style: none;
    line-height: 1.25;
    margin: 0;
    padding: 0;
}

    .mp-brandSubnav ul li {
        display: block;
        margin: 0;
    }

    .mp-brandSubnav ul a {
        display: block;
        padding: 10px 10px 11px 0;
        border-bottom: 1px solid #ddd;
        transition: all 0.25s;
        text-decoration: none;
    }

        .mp-brandSubnav ul a:hover {
            background-color: #eee;
            padding-left: 10px;
            padding-right: 10px;
            transition: all 0.25s;
            color: #000;
        }

.mp-brandName {
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
}


.wrapper.pb-brands-header {
    padding-bottom: 0;
}

.wrapper.pb-brands-wrapper {
    padding-top: 30px;
}

.pb-brands-help {
    font-weight: 600;
    color: #222538;
}

.pb-brands-wrapper a.pb-white-tile {
    padding: 10px 20px;
}

.pb-brands-wrapper .pb-white-tile-img img {
    max-width: 90%;
}

.pb-brands-wrapper .pb-white-tile-img {
    margin-bottom: 0;
    line-height: 103px;
}


/* 
 * 28. Search results page
 *
 */
/* Sidebar titles */
h3 a#pb-sr-clear-all-attr {
    font-size: 15px;
    font-weight: normal;
}

.pb-sidebar .pb-sr-widget {
    margin-bottom: 20px;
}

.pb-sidebar h4 {
    font-size: 0.95rem;
    padding: 8px 8px 8px 34px;
    background-color: #e5e6ea;
    position: relative;
    cursor: pointer;
}

    .pb-sidebar h4::after {
        display: block;
        font-family: "Font Awesome 6 Pro";
        font-weight: 300;
        content: '\f067';
        font-size: 1rem;
        line-height: 36px;
        height: 36px;
        position: absolute;
        top: 0;
        left: 10px;
    }

    .pb-sidebar h4.open::after {
        content: '\f068';
    }

/* Sidebar links */
.pb-sidebar ul {
    list-style-type: none;
    padding: 0;
    font-size: 15px;
    margin-bottom: 0;
}

    .pb-sidebar ul.pb-sr-collapsible {
        overflow: hidden;
        max-height: 160px;
        transition: max-height 0.5s ease;
    }

        .pb-sidebar ul.pb-sr-collapsible.expanded {
            max-height: 5000px;
        }

    .pb-sidebar ul li a,
    .pb-sidebar ul li a:visited {
        color: #222538;
        text-decoration: none;
        display: block;
    }

        .pb-sidebar ul li a:hover {
            color: #222538;
            text-decoration: underline;
        }

            .pb-sidebar ul li a:hover span {
                opacity: 1;
            }

        .pb-sidebar ul li a span {
            opacity: 0.65;
            padding-left: 8px;
        }

a.pb-sr-more {
    display: block;
}

#pb-search-results-top-banner {
    margin-bottom: 15px;
    display: block;
}


/* Breadcrumbs */
.pb-breadcrumbs#pb-sr-breadcrumbs {
    margin-bottom: 10px;
    font-size: 14px;
}

    .pb-breadcrumbs#pb-sr-breadcrumbs .parametricBreadcrumbAttribute span {
        display: inline-block;
        background-color: #e5e6ea;
        border-radius: 2px;
        color: #222538;
        padding: 3px 10px;
        margin: 0;
        line-height: 1;
    }

h1#pb-sr-search-h {
    line-height: 1;
    margin-bottom: 30px;
}

h1 #pb-sr-search-count {
    font-size: 1rem;
    font-weight: normal;
}
/* Above grid controls */
#pb-sr-top-filters::after,
.pb-sr-top-right::after,
.pb-sr-top-left::after {
    content: '';
    display: block;
    clear: both;
}

#pb-sr-results-pagination {
    float: left;
    margin-bottom: 15px;
}

#pb-sr-results-per-title,
#pb-sr-results-per-page,
#pb-sr-order-by {
    float: right;
}

#pb-sr-results-per-title {
    height: 36px;
    line-height: 36px;
    margin-bottom: 15px;
}

#pb-sr-results-per-page {
    width: 60px;
    margin-left: 15px;
    height: 36px;
    line-height: 36px;
    margin-bottom: 15px;
    padding-top: 0;
    padding-bottom: 0;
}

#pb-sr-order-by {
    width: 160px;
    margin-left: 15px;
    margin-bottom: 15px;
    line-height: 36px;
    height: 36px;
    padding-top: 0;
    padding-bottom: 0;
}

a#pb-sr-list-view,
a#pb-sr-grid-view {
    float: right;
    height: 36px;
    width: 42px;
    padding: 0;
    line-height: 36px;
    text-align: center;
    color: #222538;
    margin-left: 15px;
    margin-bottom: 15px;
    opacity: 0.65;
    transition: background-color 0.3s ease, opacity 0.3s ease;
    font-size: 1.2rem;
}

    a#pb-sr-list-view:hover,
    a#pb-sr-grid-view:hover,
    a#pb-sr-list-view.active,
    a#pb-sr-grid-view.active {
        background-color: #e5e6ea;
        opacity: 1;
    }



/* Product grid compare */
.pb-sr-top::after {
    content: '';
    clear: both;
    display: block;
}

.pb-sr-top .col-left {
    float: left;
    width: 55%;
}

.pb-sr-top .col-right {
    float: right;
    width: 45%;
    text-align: right;
}

#pb-product-grid {
    margin-bottom: 30px;
}
    /* all checkboxes */
    #pb-product-grid a.pb-sr-compare {
        position: relative;
        display: block;
        padding: 0 0 0 22px;
        font-size: 14px;
        color: #222538;
        text-decoration: none;
        line-height: 22px;
        z-index: 1;
    }

        #pb-product-grid a.pb-sr-compare:hover {
            color: #222538;
            text-decoration: underline;
        }

a.pb-sr-check {
    position: relative;
    padding: 0 0 0 22px;
}

a#pb-sr-sector-check,
a#pb-sr-stock-check {
    position: relative;
    display: block;
    padding: 0 0 0 22px;
    font-size: 15px;
    color: #222538;
    text-decoration: none;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}

    a#pb-sr-sector-check:hover,
    a#pb-sr-stock-check:hover {
        color: #222538;
        text-decoration: none;
    }

    #pb-product-grid a.pb-sr-compare::after,
    a.pb-sr-check::after,
    a#pb-sr-sector-check::after,
    a#pb-sr-stock-check::after {
        content: '';
        color: #ffffff;
        display: block;
        cursor: pointer;
        position: absolute;
        left: 0;
        top: 3px;
        width: 16px;
        height: 16px;
        border: 1px solid #d1d7e2;
        background-color: white;
        transition: border 0.2s ease, background-color 0.2s ease;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 10px 8px;
        border-radius: 3px;
    }

    #pb-product-grid a.pb-sr-compare:hover::after,
    a.pb-sr-check:hover::after,
    a#pb-sr-sector-check:hover::after,
    a#pb-sr-stock-check:hover::after {
        border: 1px solid #00AC95;
    }

    #pb-product-grid a.pb-sr-compare.checked::after,
    a.pb-sr-check.checked::after,
    a#pb-sr-sector-check.checked::after,
    a#pb-sr-stock-check.checked::after {
        background-color: #00AC95;
        border: 1px solid #00AC95;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 10px 8px;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8'%3e%3cpath d='M3.4 7.8L.1 4.4c-.1-.3-.1-.6 0-.8l.7-.8c.2-.2.5-.2.7 0l2.2 2.3 4.7-5c.2-.2.5-.2.7 0l.7.8c.2.2.2.5 0 .8L4.1 7.8c-.2.3-.5.3-.7 0z' fill='%23fff'/%3e%3c/svg%3e");
    }
/* Product tile offer */
div.pb-sr-offer {
    display: inline-block;
    background-color: #00AC95;
    color: #ffffff;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    padding: 5px;
    line-height: 1;
    max-height: 22px;
    overflow: hidden;
    font-weight: 600;
}

/* Product image */
#pb-product-grid.grid-tiles td.pb-sr-image {
    text-align: center;
    padding-bottom: 10px;
}
/* Product grid title */
#pb-product-grid.grid-tiles td.pb-sr-title {
    height: 78px;
    overflow: hidden;
    padding: 0;
    margin-bottom: 15px;
}

    #pb-product-grid.grid-tiles td.pb-sr-title h3 {
        font-weight: normal;
        font-size: 0.95rem;
    }


/* Price */
.pb-sr-price::after {
    content: '';
    clear: both;
    display: block;
}

.pb-sr-price .pb-sr-left {
    float: left;
    width: 70%;
}

.pb-sr-price .pb-sr-buy {
    float: right;
    width: 30%;
    text-align: right;
    position: relative;
}

.pb-sr-standard {
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 7px;
}

.pb-sr-vat {
    font-size: 12px;
    font-weight: normal;
    line-height: 1;
}

.pb-sr-daas {
    font-size: 12px;
    line-height: 1.4;
}

/* Buy button */
a.button.primary-button.pb-sr-trig {
    position: relative;
    z-index: 2;
    margin-bottom: 0;
    padding: 8px;
    width: 42px;
}

    a.button.primary-button.pb-sr-trig > i {
        margin-left: 0;
        font-size: 1.1rem;
    }

    a.button.primary-button.pb-sr-trig.added {
        background-color: white;
    }

        a.button.primary-button.pb-sr-trig.added > i {
            color: #00AC95;
        }

.pb-sr-dialog {
    text-align: left;
    position: absolute;
    padding: 30px;
    z-index: 3;
    width: 300px;
    background-color: #ffffff;
    border: 1px solid #d1d7e2;
    -webkit-box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.2);
}

.pb-sr-dialog {
    display: none;
    right: 0;
    bottom: 42px;
}

    .pb-sr-dialog.open {
        display: block;
    }

        .pb-sr-dialog.open.flipped {
            top: 42px;
            bottom: auto;
        }

#pb-basket-modal-close,
.pb-sr-close {
    z-index: 1;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    top: 5px;
    right: 5px;
    text-align: center;
    position: absolute;
    font-size: 0;
    padding: 0 !important;
    margin: 0;
    background-color: transparent;
    color: transparent;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

    #pb-basket-modal-close::after,
    .pb-sr-close::after {
        content: '\f00d';
        font-family: 'Font Awesome 6 Pro';
        font-weight: 300;
        font-size: 1.5rem;
        line-height: 40px;
        color: #cfd4d9;
        height: 40px;
        width: 40px;
        text-align: center;
    }

    #pb-basket-modal-close:hover,
    .pb-sr-close:hover {
        background-color: #dc3545;
    }

        #pb-basket-modal-close:hover::after,
        .pb-sr-close:hover::after {
            color: #ffffff;
        }

#pb-basket-modal > h6,
.pb-sr-dialog > h6 {
    padding: 0;
}

    #pb-basket-modal > h6 + div,
    .pb-sr-dialog > h6 + div {
        padding: 10px 0;
        border-top: 1px solid #d1d7e2;
        border-bottom: 1px solid #d1d7e2;
    }

        #pb-basket-modal > h6 + div::after,
        .pb-sr-dialog > h6 + div::after {
            clear: both;
            content: '';
            display: block;
        }

        #pb-basket-modal > h6 + div img,
        #pb-product-grid tr td .pb-sr-dialog > h6 + div img {
            float: left;
            width: 65px;
            margin-right: 10px;
        }

        #pb-basket-modal > h6 + div > div,
        .pb-sr-dialog > h6 + div > div {
            float: right;
            width: calc(100% - 75px);
            overflow: hidden;
            height: 50px;
        }

#pb-basket-modal > div:last-child,
.pb-sr-dialog > div:last-child {
    padding-top: 10px;
}

    #pb-basket-modal > div:last-child::after,
    .pb-sr-dialog > div:last-child::after {
        content: '';
        clear: both;
        display: block;
    }

    .pb-sr-dialog > div:last-child input {
        float: left;
        margin-bottom: 0;
        width: 60px;
        margin-right: 10px;
        padding: 8px 10px;
        line-height: 24px;
        font-size: 1rem;
        height: 42px;
    }

    .pb-sr-dialog > div:last-child a {
        float: right;
        margin-bottom: 0;
        width: calc(100% - 70px);
    }

/* Added to basket notification */

/* Discounts */
#pb-product-grid.grid-tiles td.pb-sector-discounts,
#pb-product-grid.grid-tiles td.pb-no-sector-discounts {
    height: auto;
}

td.pb-no-sector-discounts > div {
    height: 36px;
}

td.pb-sector-discounts + td.pb-no-sector-discounts {
    display: none;
}

/* Stock check */
#pb-product-grid.grid-tiles td.pb-sr-stock {
    font-size: 12px;
    padding-bottom: 0;
}

.pb-sr-in-stock + .pb-sr-out-of-stock {
    display: none;
}

.pb-sr-out-of-stock {
    color: #dc3545;
    font-weight: bold;
    margin-right: 5px;
}

.pb-sr-in-stock {
    color: #008F7C;
    font-weight: bold;
    margin-right: 5px;
}

.pb-sr-stock-time {
    opacity: 0.65;
}

/* Part number */
#pb-product-grid.grid-tiles td.pb-sr-part-number {
    font-size: 12px;
    opacity: 0.65;
    padding-bottom: 0;
    position: relative;
    z-index: 1;
}

/* list view */

#pb-product-grid.list-tiles-view {
    position: relative;
}

    #pb-product-grid.list-tiles-view table {
        margin: 0;
        background-color: transparent;
        table-layout: fixed;
    }

    #pb-product-grid.list-tiles-view tr.kk_DSRow {
        display: block;
        margin: 0 0 4px 0;
        padding: 20px;
        background-color: #fff;
        border: 1px solid #d1d7e2;
        position: relative;
        width: 100%;
    }

        #pb-product-grid.list-tiles-view tr.kk_DSRow::after {
            content: '';
            display: block;
            clear: both;
        }

    #pb-product-grid.list-tiles-view tr td.clickable-tile a {
        border: 1px solid transparent;
    }

        #pb-product-grid.list-tiles-view tr td.clickable-tile a:hover {
            border-color: #00AC95;
            box-shadow: 0px 0px 0px 1px #00AC95;
        }

    #pb-product-grid.list-tiles-view td {
        padding: 0;
        display: block;
    }

        #pb-product-grid.list-tiles-view td.pb-sr-top {
            position: absolute;
            top: 20px;
            left: 20px;
            width: 150px;
        }

        #pb-product-grid.list-tiles-view td.pb-sr-image {
            width: 140px;
            padding-right: 30px;
            padding-top: 30px;
            float: left;
            text-align: center;
        }

            #pb-product-grid.list-tiles-view td.pb-sr-image img {
                width: auto;
                max-width: 100%;
                height: auto;
            }

        #pb-product-grid.list-tiles-view td.pb-sr-title {
            width: calc(100% - 400px);
            padding-right: 30px;
            float: left;
            min-height: 90px;
            max-height: 98px;
            overflow: hidden;
        }

            #pb-product-grid.list-tiles-view td.pb-sr-title h3 {
                font-weight: normal;
                font-size: 0.95rem;
            }

        #pb-product-grid.list-tiles-view td.pb-sr-price {
            padding-top: 20px;
            padding-bottom: 10px;
        }

        #pb-product-grid.list-tiles-view td.pb-sr-price,
        #pb-product-grid.list-tiles-view td.pb-sector-discounts,
        #pb-product-grid.list-tiles-view td.pb-no-sector-discounts {
            float: right;
            width: 250px;
            padding-left: 30px;
            border-left: 1px solid #d1d7e2;
        }

        #pb-product-grid.list-tiles-view td.pb-sector-discounts,
        #pb-product-grid.list-tiles-view td.pb-no-sector-discounts {
            padding-bottom: 10px;
        }

            #pb-product-grid.list-tiles-view td.pb-sector-discounts + td.pb-no-sector-discounts {
                display: none;
            }

        #pb-product-grid.list-tiles-view td.pb-sr-stock {
            padding-right: 10px;
        }

        #pb-product-grid.list-tiles-view td.pb-sr-stock,
        #pb-product-grid.list-tiles-view td.pb-sr-part-number {
            font-size: 12px;
            float: left;
        }

        #pb-product-grid.list-tiles-view td.pb-sr-part-number {
            opacity: 0.65;
        }

td.pb-sr-part-number {
    position: relative;
    z-index: 1;
}

/* Compare grid */
td.pb-sr-compare-img {
    text-align: center;
}

    td.pb-sr-compare-img img {
        max-height: 90px;
    }

td.pb-sr-compare-title {
    max-height: 46px;
    overflow: hidden;
    padding: 0;
    font-size: 15px;
}

#pb-compare-prod-table {
    margin-bottom: 10px;
}

#pb-compare-prod-buttons {
    margin-bottom: 20px;
}

/* SEO box */
#pb-search-results-bottom-seo {
    padding: 20px;
    border: 1px solid #d1d7e2;
    margin-top: 30px;
    margin-bottom: 20px;
}

/* 
 * 29. Product comparison page
 *
 */
#pb-product-comparison-grid {
    overflow: auto;
}

    #pb-product-comparison-grid table {
        min-width: 980px;
    }

    #pb-product-comparison-grid tr {
        font-size: 15px;
        border-bottom: 1px solid #bec3ce;
    }

        #pb-product-comparison-grid tr.pb-comp-section {
            border-bottom: none;
        }

            #pb-product-comparison-grid tr.pb-comp-section + tr {
                border-top: 1px solid #bec3ce;
            }

            #pb-product-comparison-grid tr.pb-comp-section h3 {
                margin: 1rem 0;
            }

    #pb-product-comparison-grid table {
        table-layout: fixed;
    }

    #pb-product-comparison-grid th {
        width: 200px;
        background-color: #e5e6ea;
    }

    #pb-product-comparison-grid td {
        width: calc(25% - 50px);
    }

        #pb-product-comparison-grid td.pb-comp-product-link a,
        #pb-product-comparison-grid td.pb-comp-product-link a:hover {
            text-decoration: none;
        }

            #pb-product-comparison-grid td.pb-comp-product-link a h6 {
                font-size: 15px;
            }

            #pb-product-comparison-grid td.pb-comp-product-link a img {
                width: auto;
                max-width: 100%;
                max-height: 150px;
                margin: 0 auto 15px auto;
            }

    #pb-product-comparison-grid td,
    #pb-product-comparison-grid th {
        padding: 8px 20px;
    }

/* 
 * 30. KK licensing pages
 *
 */
.kk-sub-card {
    padding: 40px;
    border: 1px solid #d1d7e2;
}
/* Pricing table */
.pb-kk-pricing-cont {
    padding: 40px 0;
}

    .pb-kk-pricing-cont > .row > div {
        margin-bottom: 15px;
    }

    .pb-kk-pricing-cont .row div:nth-child(2) .pb-kk-pricing-col {
        border-right: 1px solid transparent;
    }

    .pb-kk-pricing-cont .row div:nth-child(4) .pb-kk-pricing-col {
        border-left: 1px solid transparent;
    }

    .pb-kk-pricing-cont .row div:nth-child(3) .pb-kk-pricing-col {
        position: relative;
        overflow: hidden;
        border-color: #00AC95;
        box-shadow: 0px 0px 0px 2px #00AC95;
        z-index: 1;
    }

        .pb-kk-pricing-cont .row div:nth-child(3) .pb-kk-pricing-col::after {
            content: 'Popular';
            display: block;
            line-height: 1;
            padding: 6px 30px;
            font-weight: 600;
            color: #ffffff;
            background-color: #00AC95;
            font-size: 0.85rem;
            position: absolute;
            top: 10px;
            right: -30px;
            transform: rotate(45deg);
        }


.pb-kk-plan-icon {
    font-size: 1.3rem;
    margin-bottom: 0.25rem;
    text-align: center;
    color: #00AC95;
}

.pb-kk-pricing-col {
    padding: 30px 15px 60px 15px;
    border: 1px solid #d1d7e2;
    position: relative;
    height: 100%;
}

    .pb-kk-pricing-col h3 {
        margin-bottom: 0.25rem;
    }

    .pb-kk-pricing-col h3,
    .pb-kk-pricing-col h6,
    .pb-kk-plan-billing {
        text-align: center;
    }

.pb-kk-plan-billing {
    font-size: 0.75rem;
}

.pb-kk-pricing-col ul {
    list-style-type: none;
    padding-left: 30px;
}

.pb-kk-pricing-col li {
    font-size: 0.9rem;
    position: relative;
}

    .pb-kk-pricing-col li::before {
        font-family: "Font Awesome 6 Pro";
        font-weight: 300;
        content: '\f00c';
        line-height: 1;
        display: block;
        position: absolute;
        top: 3px;
        left: -25px;
        color: #00AC95;
        text-shadow: 0px 1px 0px #00AC95;
    }

.pb-kk-plan-button {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 20px;
    text-align: center;
    font-weight: 600;
}

/* licensing  homepage */
.wrapper#kk-sub-hero {
    background-image: url('/cds/image$pb-kk-sub-page-banner$20200116164609');
    background-color: black;
}

    .wrapper#kk-sub-hero h1 {
        margin-bottom: 0.5rem;
    }

.pb-cds-progress-bar input:disabled,
.pb-cds-progress-bar input[disabled=disabled] {
    opacity: 1;
}

.pb-cds-progress-bar.kk_ProgressBar li.current input[type=submit],
.pb-cds-progress-bar.kk_ProgressBar li.current input[type=submit]:hover {
    font-weight: 500;
}
/* KK licensing payment */
.pb-stripe-card-images img {
    display: inline-block;
    margin: 0 0 0 0;
    max-height: 40px;
}

#pb-stripe-wrapper .StripeElement {
    padding: 8px 10px;
    line-height: 24px;
    outline: 0;
    display: block;
    border: 1px solid #d1d7e2;
    background-color: #fff;
    width: 100%;
    outline: 0;
    color: #222538;
    border-radius: 4px;
    height: 42px;
    font-size: 1rem;
    vertical-align: middle;
    transition: all 0.3s ease;
}

    #pb-stripe-wrapper .StripeElement:hover {
        border-color: #00AC95;
    }

    #pb-stripe-wrapper .StripeElement.StripeElement--focus {
        border-color: #00AC95;
        box-shadow: 0px 0px 0px 3px rgba(0, 172, 149, 0.15);
    }

    #pb-stripe-wrapper .StripeElement.StripeElement--invalid {
        border-color: #dc3545;
    }
/* Licensing spinner */
.pb-clock-spinner-canvas {
    background: transparent;
    border-radius: 50%;
    box-shadow: none;
    display: inline-block;
    border: 4px solid #00AC95;
    height: 180px;
    justify-content: center;
    margin: 0 0 20px 0;
    width: 180px;
    position: relative;
}


.pb-clock-spinner {
    animation: spinnerTwo 2s linear infinite;
    background: #222538;
    border-radius: 100px;
    height: 60px;
    transform-origin: top;
    position: absolute;
    top: 50%;
    width: 4px;
    margin-left: -2px;
    left: 50%;
}

.pb-clock-hand {
    animation: spinnerTwo 7s linear infinite;
    background: #222538;
    border-radius: 100px;
    height: 40px;
    transform-origin: top;
    position: absolute;
    width: 4px;
    top: 50%;
    margin-left: -2px;
    left: 50%;
}

.pb-clock-dot {
    background: #00AC95;
    border-radius: 100%;
    height: 10px;
    width: 10px;
    top: 50%;
    left: 50%;
    position: absolute;
    margin-left: -5px;
    margin-top: -5px;
}

@keyframes spinnerTwo {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

/* 
 * 31. Marketing pages
 *
 */
/* sub-nav */
.sub-nav,
.sub-nav ul {
    margin-bottom: 0;
}

    .sub-nav li {
        display: inline-block;
        margin: 14px 0.25em 14px 1.25em;
        list-style-type: none;
        font-size: 0.9em;
        font-weight: 500;
    }

        .sub-nav li a {
            color: #222538;
            text-decoration: none;
            padding: 10px 0;
        }

    .sub-nav .active a,
    .sub-nav a:active,
    .sub-nav a:hover,
    .sub-nav a:focus {
        color: #00CBB0;
        text-decoration: none;
    }

ul.icons-color {
    list-style-type: none;
    padding: 0;
}

    ul.icons-color i {
        color: #00CBB0;
        margin-right: 6px;
    }

.fw-400 {
    font-weight: 400;
}

/* slider quotes */
.pb-quotes-slider-wrapper {
    background: #fff;
    padding: 20px;
}

blockquote {
    border: none;
    font-style: italic;
    text-align: center;
    padding: 10px;
}

.blockquote-footer {
    text-align: right;
    font-weight: 600;
}

.speech-marks {
    color: #00CBB0;
    font-size: 10em;
    line-height: 0.25em;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: -20px;
    margin-top: 30px;
    font-style: normal;
    text-align: left;
}

/* cta section */
.cta-section-sidebar {
    background: #fff;
    border: 1px solid #d1d7e2;
    padding: 35px 20px;
    border-radius: 5px;
}

.cta-section-img {
    border-radius: 5px;
}

    .cta-section-img:first-child {
        margin: 55px -50px 0px 0;
        position: relative;
        z-index: 3;
        border: 3px solid #fff;
    }

@media screen and (min-width: 769px) {
    .h1-large {
        font-size: 2.088em;
    }
}

@media screen and (max-width: 768px) {
    .sub-nav li {
        display: block;
    }

    .cta-section-img:first-child {
        display: none;
    }
}

/* 
 * 32. Basket/Checkout pages
 *
 */
i.basket-icon {
    font-size: 18px !important;
    font-weight: bold;
}

.basket-icon.pb-link-icon {
    color: #00AC95;
}

.pb-link-icon:hover i.basket-icon {
    transform: translateX(0);
}

.dd-button button {
    height: 40px;
    width: 40px;
    border: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -999px;
    position: relative;
    padding: 0;
    margin: 8px 0;
}

.checkout-button-inside button {
    padding: 0;
    margin: 0;
    background: none !important;
    border: none !important;
    height: 24px;
    line-height: 24px;
}

    .checkout-button-inside:hover,
    .checkout-button-inside:focus,
    .checkout-button-inside:active,
    .checkout-button-inside:hover button,
    .checkout-button-inside:focus button,
    .checkout-button-inside:active button,
    .checkout-button-inside button:hover,
    .checkout-button-inside button:active,
    .checkout-button-inside button:focus {
        color: #fff !important;
    }

.dd-button button:before {
    background: url("https://marketplace.probrand.co.uk/cds/image$probrand-dd-logo-small-grid$20200622170449") no-repeat center center;
    height: 40px;
    width: 40px;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.dd-button button:hover {
    background-color: rgba(0,0,0,.07);
    border-radius: 50%;
}

.kk-search-box-basket {
    min-width: 260px;
}

@media screen and (min-width: 768px) {
    .kk-search-box-basket {
        display: inline-block;
    }
}

.kk-search-box-basket .kk_QuestionText {
    margin-bottom: 0;
}

.basket-summary-table tr td:nth-child(2) {
    text-align: right;
}

h2#basket-summary:before {
    content: "";
    display: block;
    margin-top: -125px;
    height: 125px;
    width: 0px;
    visibility: hidden;
}

.d-clear-none .kk_Clear {
    clear: none;
    display: none;
}

.text-right {
    text-align: right;
}

.loader-basket {
    position: relative;
}

    .loader-basket .fa-credit-card {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 35%;
    }

    .loader-basket img.basket-spinning-arrow {
        animation: ball-clip-rotate 2s linear infinite;
        width: 200px;
    }

/* Spinner animation */
@keyframes ball-clip-rotate {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
    }

    50% {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
    }

    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
    }
}

@media screen and (min-width: 769px) {
    .width-90 {
        max-width: 95%;
    }
}

@media screen and (min-width: 993px) {
    .width-90 {
        max-width: 88%;
    }
}

.table-scroll {
    overflow-x: auto;
}

@media screen and (min-width: 769px) {
    .table-min-height {
        min-height: 420px;
    }
}


.stripeCardNumber .StripeElement#card-element {
    max-width: 450px;
}

/* 
 * 33. Basket/Checkout pages
 *
 */
.nomodel-tiles.grid-tiles tr.kk_DSRow {
    border: 1px solid #cfd4d9;
    margin: 0 4px 4px 0;
    padding: 20px;
}

.nomodel-tiles.grid-tiles td.pb-sr-image img {
    max-height: 150px;
}
/* 
 * z-1. Footer Certification logos
 *
 */
.pb-certification-logos .row > div {
    text-align: center;
}

.pb-certification-logos img {
    display: inline-block;
    opacity: 0.25;
    max-width: 220px;
}

.master-footer {
    padding-top: 0;
    padding-bottom: 0;
}


/* 
 * z-2. Footer
 *
 */
footer.master-footer ul {
    list-style-type: none;
    padding: 0;
}

.pb-footer-logo {
    margin-bottom: 1rem;
}


/* 
 * z-3. Spacing utilities
 *
 */
.mr-10 {
    margin-right: 10px !important;
}

.mr-20 {
    margin-right: 20px !important;
}

.mr-30 {
    margin-right: 30px !important;
}

.m-60 {
    margin: 60px;
}

.mtb-60 {
    margin-top: 60px;
    margin-bottom: 60px;
}

.mt-60 {
    margin-top: 60px;
}

.mb-60 {
    margin-bottom: 60px;
}

.m-40 {
    margin: 40px;
}

.m-20 {
    margin: 20px;
}

.mtb-20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.mt-20 {
    margin-top: 20px;
}

.mb-20 {
    margin-bottom: 20px;
}

.m-0 {
    margin: 0;
}

.mtb-0 {
    margin-top: 0;
    margin-bottom: 0;
}

.mt-0 {
    margin-top: 0;
}

.mb-0 {
    margin-bottom: 0;
}

.p-60 {
    padding: 60px;
}

.ptb-60 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.pt-60 {
    padding-top: 60px;
}

.pb-60 {
    padding-bottom: 60px;
}

.p-40 {
    padding: 40px;
}

.p-20 {
    padding: 20px;
}

.ptb-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.pt-20 {
    padding-top: 20px;
}

.pb-20 {
    padding-bottom: 20px;
}

.p-0 {
    padding: 0;
}

.ptb-0 {
    padding-top: 0;
    padding-bottom: 0;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pt-0 {
    padding-top: 0;
}

hr.no-spacing {
    margin: 0;
    padding: 0;
}

.vertical-align-top {
    vertical-align: top;
}

.vertical-align-baseline {
    vertical-align: baseline;
}

@media screen and (max-width: 768px) {
    .probrand-youtube-player {
        width: 100% !important;
        height: 380px !important;
    }
}

/* 
 * z-4. Media queries upwards
 *
 */
@media (min-width: 1500px) {
    .container {
        max-width: 1380px;
    }
}

@media (min-width: 1200px) {
    /* Homepage tabs */
    .pb-benefits-tabs .tab-content {
        height: 312px;
    }
}

@media (min-width: 992px) {
    /* different height tiles and cards */
    .pb-h-780 {
        height: 750px;
    }

    .pb-h-270 {
        height: 240px;
    }

    .pb-h-480 {
        height: 480px;
    }

    .pb-h-190 {
        height: 190px;
    }

    .pb-h-410 {
        height: 410px;
    }
    /* Menu */
    .top-menu-container > nav > ul > li > a {
        color: #ffffff;
    }

        .top-menu-container > nav > ul > li > a:hover {
            color: #00AC95;
        }
    /* Account menu */
    .pb-account-menu .top-menu-container nav li:last-child a {
        padding-right: 0;
    }

        .pb-account-menu .top-menu-container nav li:last-child a.kk-dd-trig {
            padding-right: 24px;
        }

            .pb-account-menu .top-menu-container nav li:last-child a.kk-dd-trig::after {
                right: -3px;
            }
    /* Main menu */
    .pb-main-menu .top-menu-container > nav > ul > li:first-child > a {
        padding-left: 0;
    }

    .pb-main-menu .top-menu-container > nav > ul > li.pb-menu-offers > a {
        padding-right: 0;
    }

    .pb-main-menu .top-menu-container > nav > ul > li:not(.pb-menu-offers) + .pb-menu-buy > a {
        padding-right: 24px;
    }

        .pb-main-menu .top-menu-container > nav > ul > li:not(.pb-menu-offers) + .pb-menu-buy > a::after {
            right: -3px;
        }
}

/* 
 * z-5. Media queries downwards
 *
 */
@media (max-width: 1500px) {
    /* Menu */
    .pb-main-menu .d-menu .top-menu li.kk-megamenu > ul {
        max-width: 1110px;
        width: 1110px;
        margin-left: -555px;
    }
}

@media (max-width: 1200px) {
    /* Menu */
    .pb-main-menu .d-menu .top-menu li.kk-megamenu > ul {
        max-width: 930px;
        width: 930px;
        margin-left: -465px;
    }

    .col-wrapper {
        margin-right: 0px;
        margin-left: 0px;
    }
    /* Search results page */
    #pb-product-grid.list-tiles-view td.pb-sr-title {
        min-height: 0;
        max-height: 100%;
    }

    #pb-product-grid.list-tiles-view td.pb-sr-title,
    #pb-product-grid.list-tiles-view td.pb-sr-price,
    #pb-product-grid.list-tiles-view td.pb-sector-discounts,
    #pb-product-grid.list-tiles-view td.pb-sr-stock,
    #pb-product-grid.list-tiles-view td.pb-sr-part-number {
        width: calc(100% - 150px);
        padding-right: 0;
        padding-left: 0;
        float: right;
        border-left: none;
    }

    #pb-product-grid.list-tiles-view td.pb-sr-price {
        padding-top: 0;
    }

    #pb-product-grid.list-tiles-view td.pb-sr-stock {
        padding-top: 10px;
    }

    #pb-product-grid.list-tiles-view td.pb-no-sector-discounts {
        display: none;
    }
}

@media (max-width: 992px) {
    /* Page header block */
    .pb-page-header-block {
        padding: 30px 20px;
    }
    /* Quotes page */
    .last-column-right tr td:last-child, .last-column-right tr th:last-child {
        text-align: left;
    }
    /* Homepage tabs */
    .tabs-module.pb-benefits-tabs {
        margin-bottom: 0;
        margin-top: 0;
    }
    /* Making the menu bar non sticky */
    .main-header.sticky {
        position: relative;
    }

    .pb-proxy-bar {
        margin-top: 0;
    }

    .main-header.sticky + .page-wrap {
        margin-top: 0;
    }

    .pb-footer-wrapper, .wrapper {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    /* Giving more space to menu and search icons*/
    header .logo-container ~ .col-2 {
        padding-left: 0;
    }

    a.pb-category-link {
        margin-bottom: 2rem;
    }
    /*Menu triggers */
    .pb-account-menu .top-menu-mobile-trigger {
        margin-left: 0;
    }

    .top-menu-mobile-trigger span {
        background-color: #ffffff;
    }

    .pb-main-menu .top-menu-mobile-trigger {
        margin: 7px 0 7px 0;
    }

        .pb-main-menu .top-menu-mobile-trigger span {
            width: 20px;
            border-radius: 0;
            right: 10px;
            height: 2px;
        }

            .pb-main-menu .top-menu-mobile-trigger span.middle,
            .pb-main-menu .top-menu-mobile-trigger span.middle-mobile {
                transform: rotate(0);
                -webkit-transform: rotate(0);
                -ms-transform: rotate(0);
            }

        .pb-main-menu .top-menu-mobile-trigger.active span.middle-mobile {
            transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
        }

        .pb-main-menu .top-menu-mobile-trigger.active span.middle {
            transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
        }
    /* Global search */
    #pb-global-search {
        margin: 0;
    }

    .pb-search-container {
        display: none;
        background-color: #222538;
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
        z-index: 5;
        overflow: auto;
        padding: 50px 40px 40px 40px;
        transition: opacity 0.3s ease;
    }

    .pb-search-trigger {
        display: block;
        height: 60px;
        width: 100%;
        margin: 0;
    }

    .pb-close-search-modal {
        display: block;
        height: 42px;
        width: 42px;
    }

    .pb-close-search-modal {
        position: absolute;
        top: 5px;
        right: 5px;
    }

        .pb-search-trigger::after, .pb-close-search-modal::after {
            display: block;
            font-size: 1.2rem;
            font-family: "Font Awesome 6 Pro";
            font-weight: 300;
            color: #ffffff;
            text-align: center;
        }

    .pb-search-trigger::after {
        content: '\f002';
        line-height: 60px;
    }

    .pb-close-search-modal::after {
        content: '\f00d';
        line-height: 42px;
    }

    .pb-search-suggestions {
        width: 94%;
        left: 3%;
        top: 92px;
        max-height: calc(100vh - 92px);
        margin-left: 0;
        padding-left: 10px;
        padding-right: 10px;
    }

    a.pb-search-product {
        padding: 10px;
    }
    /* Long horizontal block */
    .pb-horizontal-block-long::after {
        content: '';
        clear: both;
        display: block;
    }

    .pb-block.pb-horizontal-block-long .pb-image {
        float: none;
        width: 100%;
        margin-right: 0px;
        margin-bottom: 20px;
    }

    .pb-block.pb-horizontal-block-long .pb-text {
        float: none;
        width: 100%;
    }
    /* Advisors */
    .pb-cpq-logo {
        float: none;
    }

        .pb-cpq-logo + .pb-cpq-title {
            float: none;
            padding-top: 10px;
            padding-left: 0;
            border-left: none;
        }
    /* Search results page */
    #pb-basket-modal {
        display: none;
    }

    #pb-sr-results-per-title {
        display: none;
    }

    #pb-sr-results-per-page, #pb-sr-order-by {
        display: inline-block;
        float: none;
    }

    #pb-sr-order-by {
        margin-left: 0;
    }

    a#pb-sr-list-view, a#pb-sr-grid-view, #pb-sr-results-per-page {
        margin-left: 5px;
    }

    .pb-sr-results-pagination {
        margin-bottom: 15px;
    }

    #pb-sr-order-by {
        width: 110px;
    }
    /* KK licensing pages */
    .pb-kk-pricing-cont .row div:nth-child(3) .pb-kk-pricing-col {
        border-left: 1px solid #d1d7e2;
    }

    .wrapper .wrapper {
        padding-left: 20px;
        padding-right: 20px;
    }

    .kk-sub-card {
        padding: 30px 20px;
    }
}

@media (max-width: 768px) {
    /* horizontal cards */
    .pb-card.pb-horizontal-card .pb-image {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }

    .pb-card.pb-horizontal-card .pb-text {
        float: none;
        width: 100%;
    }
    /* Blocks */
    .pb-block.pb-horizontal-block-narrow .pb-image {
        float: none;
        overflow: hidden;
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .pb-block.pb-horizontal-block-narrow .pb-text {
        float: none;
        width: 100%;
    }
    /* Search results page */
    #pb-product-grid.list-tiles-view td.pb-sr-title,
    #pb-product-grid.list-tiles-view td.pb-sr-price,
    #pb-product-grid.list-tiles-view td.pb-sector-discounts,
    #pb-product-grid.list-tiles-view td.pb-sr-stock,
    #pb-product-grid.list-tiles-view td.pb-sr-part-number,
    #pb-product-grid.list-tiles-view td.pb-sr-image {
        display: block;
        width: 100%;
        float: none;
        padding-right: 0;
        padding-left: 0;
    }

    #pb-product-grid.list-tiles-view td.pb-sr-image {
        padding-bottom: 10px;
    }
    /* KK licensing pages */
    .pb-kk-pricing-cont .row div:nth-child(1) .pb-kk-pricing-col {
        border-right: 1px solid #d1d7e2;
    }

    #pb-sr-grid-view, #pb-sr-list-view {
        display: none;
    }
}

@media (max-width: 576px) {
    /* Homepage benefits tab */
    .pb-benefits-tabs .tab-content > div:first-child {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .pb-benefits-tabs .tab-content > div:last-child {
        float: none;
        width: 100%;
    }
    /* Blocks */
    .pb-block.pb-horizontal-block .pb-image,
    .pb-block.pb-horizontal-block-long .pb-text {
        float: none;
        overflow: hidden;
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .pb-block.pb-horizontal-block .pb-text,
    .pb-block.pb-horizontal-block-long .pb-text {
        float: none;
        width: 100%;
    }
}
/* Standard close button */
.cds-modal-close {
    z-index: 1;
    width: 40px !important;
    height: 40px;
    border-radius: 50%;
    top: 5px;
    right: 5px;
    text-align: center;
    position: absolute;
    font-size: 0;
    padding: 0 !important;
    margin: 0;
    background-color: transparent;
    color: transparent;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

.kk-dd-trig::after {
    font-family: "Font Awesome 6 Pro";
    top: 51%;
}

.mt-28 {
    margin-top: 28px;
}

.pb-basket-link > #pb-basket-modal > div {
    z-index: 99;
    min-width: 20rem;
    padding: 1.5rem;
    box-shadow: 0 15px 40px 0 rgba(0,0,0,.2);
}

    .pb-basket-link > #pb-basket-modal > div .text-truncated {
        max-height: 4rem;
        overflow: hidden;
    }

.pb-basket-link a {
    color: #fff !important;
}



.kk-button-next > .kk_QuestionControl > .kk_Control {
    width: inherit;
}
.kk-button-next .kk_QuestionControl {
  display: flex;
}